<template>
	<div class="header">
		城市选择
		<router-link to="/" tag="div">
			<div class="header-left">
				<span class="iconfont">&#xe624;</span>
			</div>
		</router-link>
	</div>
</template>

<script>
export default {
	name: 'CityHeader'
}
</script>

<style lang="scss" scoped>
	.header{
		position: relative;
		overflow: hidden;
		height: .86rem;
		line-height: .86rem;
		text-align: center;
		color: #fff;
		background: $bgColor;
		font-size: .32rem;
		.header-left{
			width: .64rem;
			position: absolute;
			top: 0;
			left: 0;
			text-align: center;
			span{
				display: block; 
				font-size: .4rem;
			}
		}
	}
</style>